<template>
  <el-menu
    :default-openeds="['1', '3']"
    style="min-height: 100%; overflow-x: hidden"
    background-color="rgb(48, 65, 86)"
    text-color="#fff"
    active-text-color="#ffd04b"
    :collapse-transition="false"
    :collapse="isCollapse"
    router
  >
    <div style="height: 60px; line-height: 60px; text-align: center">
      <img
        src="../assets/logo.png"
        alt=""
        style="width: 20px; position: relative; top: 5px; right: 5px"
      />
      <b style="color: white" v-show="logoTextShow">医疗后台管理</b>
    </div>
    <el-menu-item index="/home">
      <template slot="title">
        <i class="el-icon-house"></i>
        <span slot="title">主页</span>
      </template>
    </el-menu-item>

    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="rgb(48, 65, 86)"
      router
      text-color="#fff"
      active-text-color="#ffd04b"
    >
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-edit-outline"></i>
          <span>预约管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="guahao">预约挂号</el-menu-item>
          <el-menu-item index="hesuan">预约核酸检测</el-menu-item>
          <el-menu-item index="tijian">预约体检</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>

    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="rgb(48, 65, 86)"
      router
      text-color="#fff"
      active-text-color="#ffd04b"
    >
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-folder-opened"></i>
          <span>费用管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="menzhenxiaofei">门诊消费记录</el-menu-item>
          <el-menu-item index="menzhenchongzhi">门诊充值记录</el-menu-item>
          <el-menu-item index="zhuyuanxiaofei">住院消费记录</el-menu-item>
          <el-menu-item index="zhuyuanchonghzi">住院充值记录</el-menu-item>
          <el-menu-item index="tuikuanjilu">退款记录</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>

     <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          background-color="rgb(48, 65, 86)"
          router
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-price-tag"></i>
              <span>医院信息</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/DoctorManagement">医生管理</el-menu-item>
              <el-menu-item index="/DepartmentManagement">科室管理</el-menu-item>
              <el-menu-item index="/PhysicalExamination">体检套餐</el-menu-item>
              <el-menu-item index="/Healthy">健康百科</el-menu-item>
              <el-menu-item index="/HospitalNavigation">医院导航</el-menu-item>
              <el-menu-item index="/HospitalProfile">医院简介</el-menu-item>
              <el-menu-item index="/AppointmentNotice">预约须知</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>

        <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
         background-color="rgb(48, 65, 86)"
          router
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-s-tools"></i>
              <span>系统设置</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/Administrator">管理员管理</el-menu-item>
              <el-menu-item index="/Nickname">就医指南</el-menu-item>
              <el-menu-item index="/Message">消息公告</el-menu-item>
              <el-menu-item index="/ChangePassword">修改密码</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
        </el-menu>
  </el-menu>
</template>

<script>
export default {
  name: "Aside",
  props: {
    isCollapse: Boolean,
    logoTextShow: Boolean
  }
};
</script>

<style scoped></style>
